<template>
    <div>
        <el-container style="height: 700px; border: 1px solid #eee">
            <el-header style="font-size: 40px; background-color: rgb(238, 241, 246)">教材订购管理系统</el-header>
            <el-container>
                <el-aside width="200px">
                    <el-menu :default-openeds="['1', '3']">
                        <el-submenu index="1">
                            <template slot="title"><i class="el-icon-message"></i>教材管理</template>
                            <el-menu-item-group>
                                <el-menu-item index="1-1">
                                    <router-link to="/tmm">教材信息</router-link>
                                </el-menu-item>
                                <el-menu-item index="1-2">
                                    <router-link to="/addbook">添加教材</router-link>
                                </el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>

                        <el-submenu index="2">
                            <template slot="title"><i class="el-icon-menu"></i>
                                <router-link to="/user">用户管理</router-link>
                            </template>
                        </el-submenu>

                        <el-submenu index="3">
                            <template slot="title"><i class="el-icon-setting"></i>订单管理</template>
                            <el-menu-item-group>
                                <el-menu-item index="3-1">
                                    <router-link to="/status">订单状态</router-link>
                                </el-menu-item>
                                <el-menu-item index="3-2">
                                    <router-link to="/order">采购单</router-link>
                                </el-menu-item>
                            </el-menu-item-group>

                        </el-submenu>
                        <el-submenu index="4">
                            <template slot="title"><i class="el-icon-setting"></i>库存管理</template>
                            <el-menu-item-group>
                                <el-menu-item index="3-1">
                                    <router-link to="/stock">库存情况</router-link>
                                </el-menu-item>
                            </el-menu-item-group>

                        </el-submenu>

                        <el-submenu index="3">
                            <template slot="title"><i class="el-icon-setting"></i>统计分析</template>
                            <el-menu-item-group>
                                <el-menu-item index="3-1">
                                    <router-link to="/assay">库存数据分析</router-link>
                                </el-menu-item>
                            </el-menu-item-group>

                        </el-submenu>
                    </el-menu>
                </el-aside>

                <el-main>
            
                    <el-radio-group v-model="labelPosition" size="small">
                        <el-radio-button label="left">左对齐</el-radio-button>
                        <el-radio-button label="right">右对齐</el-radio-button>
                        <el-radio-button label="top">顶部对齐</el-radio-button>
                    </el-radio-group>

                    <div style="margin: 20px;"></div>

                    <el-form :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
                        <el-form-item label="教材名称">
                            <el-input v-model="formLabelAlign.name"></el-input>
                        </el-form-item>
                        <el-form-item label="作者">
                            <el-input v-model="formLabelAlign.region"></el-input>
                        </el-form-item>
                        <el-form-item label="出版社">
                            <el-input v-model="formLabelAlign.type"></el-input>
                        </el-form-item>
                        <el-form-item label="价格">
                            <el-input v-model="formLabelAlign.type"></el-input>
                        </el-form-item>
                    </el-form>
                    <br>

                    <el-row>
                        <el-button type="info">添加</el-button>
                        <el-button type="warning">重置</el-button>
                    </el-row>





                </el-main>


            </el-container>
        </el-container>
    </div>
</template>

<script>

// import axios from 'axios';

export default {
    data() {
        return {
            labelPosition: 'right',
            formLabelAlign: {
                name: '',
                region: '',
                type: ''
            }
        };
    },

    methods: {
        onSubmit: function () {
            alert("查询数据");
        },
        handleSizeChange: function (val) {
            alert("每页记录数变化" + val)

        },
        handleCurrentChange: function (val) {
            alert("页码发生变化" + val)

        },


    }
}
</script>

<style></style>